<link href="./views/rankname/webdoc/style.css" rel="stylesheet" type="text/css"/>
<ion-modal-view style="background: #fff;">
    <ion-header-bar class="index_head">
        <button class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
        <div class="h1 title">达人秀</div>
    </ion-header-bar>

    <ion-content>
        <section class="bg01">
            <div class="title"><img src="./views/rankname/webdoc/title02.svg"></div>
            <!--<div class="box_in">-->
                <!--<span class="box_3in5"><a class="kin button_gradient" href="http://m.jincs.cn/down.html"><i>金策师APP下载</i></a></span>-->
                <!--<span class="box_2in5"><a class="store button_gradient" ng-click="gomyshop()" ><i>我的店铺</i></a></span>-->
            <!--</div>-->
            <div class="gap1"></div>
            <hr class="hr00">
            <div class="box">
                <div class="roundcorner">
                    <ul class="list01">
                        <li >
                            <em><img src="./views/rankname/webdoc/jin.svg"></em>
                            <p>
                                <span><b>{{resData[0].shopperName || resData[0].shopId}}</b><i>第1名</i></span>
                                <span><i>累计访问&nbsp;</i><strong>{{resData[0].count}}</strong></span>
                            </p>
                        </li>
                        <li>
                            <em><img src="./views/rankname/webdoc/yin.svg"></em>
                            <p>
                                <span><b>{{resData[1].shopperName || resData[1].shopId}}</b><i>第2名</i></span>
                                <span><i>累计访问&nbsp;</i><strong>{{resData[1].count}}</strong></span>
                            </p>
                        </li>
                        <li>
                            <em><img src="./views/rankname/webdoc/tong.svg"></em>
                            <p>
                                <span><b>{{resData[2].shopperName || resData[2].shopId}}</b><i>第3名</i></span>
                                <span><i>累计访问&nbsp;</i><strong>{{resData[2].count}}</strong></span>
                            </p>
                        </li>
                        <li ng-if="islogin">
                            <em><img src="./views/rankname/webdoc/wo.svg"></em>
                            <p>
                                <span><b>{{myresData.shopperName || myresData.shopId}}</b><i>第{{myresData.currentSort}}名</i></span>
                                <span><i>累计访问&nbsp;</i><strong>{{myresData.count}}</strong></span>
                            </p>
                        </li>
                    </ul>
                </div>

                <div class="gap2"></div>
                <div class="box_in redenvelope">
                    <div class="box_1in3">
                        <img src="./views/rankname/webdoc/red01.svg">
                    </div>
                    <div class="box_1in3">
                        <img src="./views/rankname/webdoc/red02.svg">
                    </div>
                    <div class="box_1in3">
                        <img src="./views/rankname/webdoc/red03.svg">
                    </div>
                </div>
            </div>
            <p ng-if="islogin" class="slogan"><i>您与</i><img src="./views/rankname/webdoc/red.svg"><i>1999元仅差</i><i class="outstanding">{{myresData.firstCount}}</i><i>次访问</i></p>
            <!--<p ng-if="!islogin" class="slogan"><i><a style="    color: #000;-->
    <!--vertical-align: top;-->
    <!--text-decoration: underline;" ng-click="gomyshop()">登录</a> 查看我的店铺访问量</i></p>-->
            <!--<div ng-click="gomyshop()" class="btnbox01"><a class="button_block" >分享店铺升排名</a></div>-->

            <div class="box">
                <div class="roundcorner">
                    <h3 class="heading03"><span>获奖攻略</span></h3>
                    <div class="ruler inner">
                        <p data-index="1.">点击“我的店铺”进入个人店铺，点击右上角图标转发朋友圈</p>
                        <p data-index="2.">点击“金策师APP下载”进入APP装修个性店铺，精美店铺更能引爆人气，冲刺大奖</p>
                    </div>
                </div>
            </div>
            <hr class="hr00">
            <div class="box">
                <h3 class="heading04"><span>活动说明</span></h3>
                <div class="ruler">
                    <p data-index="1.">排行榜以个人店铺的“浏览量”进行排名</p>
                    <p data-index="2.">活动截止时，“排行榜”前三名的理财师将获得现金大红包：第一名1999元，第二名999元，第三名666元</p>
                    <p data-index="3.">活动截止时间：2017年10月20日下午，于“SFA超级理财师三周年盛典”活动上公布获奖结果，或请留意公众号活动结果通知</p>
                    <p data-index="4.">客服人员将在3个工作日内与获奖理财师联系确认，并发送大奖红包</p>
                </div>
            </div>
        </section>
        <section ng-if="!timeData.isShowTime" class="tail bg02">
            <div class="egg"><img src="./views/rankname/webdoc/egg.svg"></div>
            <p class="heading05">神秘现场小彩蛋</p>
            <p class="p02">敬请期待</p>
            </div>
        </section>
        <!--<section ng-if="timeData.isShowTime" class="tail bg02">-->
            <!--<div class="egg"><img src="./views/rankname/webdoc/egg.svg"></div>-->
            <!--<p class="heading05">神秘现场小彩蛋</p>-->
            <!--<p class="p02">{{timeData.showTimeStr}}</p>-->
            <!--<p class="p02">店铺浏览量增加最多的前10名</p>-->
            <!--<p class="p02"><i>都获得200元现金红包</i><img src="./views/rankname/webdoc/red.svg"></p>-->
            <!--<div class="gap1"></div>-->
            <!--<hr class="hr00">-->
            <!--<div class="gap1"></div>-->
            <!--<div class="box_in storeincreasing text-center">-->
                <!--<div ng-if="islogin && !zengliang.notInMd" class="box_1in2"><i>我的店铺访问增量</i></div>-->
                <!--<div ng-if="islogin && zengliang.notInMd" ><i>很抱歉，您未在现场签到，无法领取该红包</i></div>-->
                <!--<div ng-if="!islogin " style="width: 100%" class="box_1in2"><i><a style="    color: #000;-->
    <!--vertical-align: top;-->
    <!--text-decoration: underline;" ng-click="gomyshop()">登录</a> 查看我的店铺访问增量</i></div>-->
                <!--<div ng-if="islogin && !zengliang.notInMd" class="box_1in2">-->
                    <!--<div class="box_1in2"><i>{{zengliang.count}}次</i></div>-->
                    <!--<div class="box_1in2"><i>{{zengliang.currentSort}}名</i></div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="gap1"></div>-->
            <!--<hr class="hr00">-->
            <!--<div class="gap1"></div>-->
            <!--<div class="btnbox01"><a class="button_block yellowbtn" ui-sref="eggrank">查看小彩蛋排名</a>-->
            <!--</div>-->
        <!--</section>-->
    </ion-content>
</ion-modal-view>